#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
	z-index: 9999;
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.nav{width: 1100px; height: 100px; margin: auto;z-index: 999;position: absolute;}
.nav_logo{float: left;}

#cssmenu #menu-button {
  display: none;
}
#cssmenu {
	position:relative;
	float: right;
  width: auto;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
  background: #ffffff;
	margin-top: 42px;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #e70012;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 20px;
	
	
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #e70012;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 55px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #e70012;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 140px;
  font-size: 12px;
  background: #e70012;
  text-decoration: none;
  color:#FBFBFB;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}

.sph{
	width:1100px;
	margin: 0 auto;
	padding: 50px 0;
}
.spbq{
	width: 316px;
	height: 250px;
	float: left;
	line-height: 2;
	padding: 10px 10px 0 20px;
	margin: 10px;
	position: relative;
	overflow: hidden;
}
.spbq h2{
	color:#F5F5F5;
	font: bold 14px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
	margin-top: 18px;
}
.spbq span{
	display: block;
	color: #b4bbbf;
	font: 12px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
	margin: 8px 0;
}
.spbq b{
	color: #787d82;
	font: 12px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
}
.biankuang{
	width: 3px;
	height: 3px;
	position: absolute;
	z-index: 99;
	border-radius:10px;
	/*background: black;*/
}
.biankuang_1{
	height: 3px;
	top: -6px;
	left:0px;
	border-left: 3px solid #6bd583;
}
.biankuang_2 {
	width: 0px;
	bottom:-3px;
	left: 0px;
	border-top: 3px solid #6bd583;
}
.biankuang_3{
	height: 0px;
	bottom:0px;
	right:0px;
	border-right: 3px solid #6bd583;
}
.biankuang_4{
	width:0px;
	top:-3px;
	right:0px;
	border-bottom: 3px solid #6bd583;
}
.text_gobuy {
	position: absolute;
	z-index:9;
	top: -30px;
	left: 0px;
	width:316px;
	height: 50px;
	overflow: hidden;
	background:rgba(207, 208, 211, 0);
	cursor: pointer;
	transition:all  300ms;
	-webkit-transition:all  300ms;
	-moz-transition:all  300ms;
	-o-transition:all  300ms;
}
.text_gobuy_show{
	height: 50px;
	position: absolute;
	z-index:9;
	bottom: 0px;
	width: 316px;
	overflow: hidden;
	padding: 20px 15px ;
	cursor: pointer;
	background-color: rgba(32, 32, 33,0.6);
}
.spbq p{
	position: absolute;
	bottom:10px;
	left:147px;
	line-height: 33px;
	color: #fff
}






@media only screen and (max-width: 768px) {
	

  #milk{width: 100%!important;}
  .milk{width: 100%!important;}
  .milk_t{width: 100%!important;    padding-top: 30px!important;}
  .milk_t h1{width: 84%!important;font-size:19px !important}
  .milk2_l{width: 100%!important;}
  .milk2{width: 100%!important;}
  .milk2_l{width: 100%!important;height: 25%!important;}
  .milk2_r{    width: 100%!important;
  height: 526px;
  margin-right: 62px;
  margin-top: -73px;}
  .milk2_r ul li{
      
          width: 50%!important;
  height: 297px;
  display: block;
  float: left;
  
          margin-left: 0px !important;
  margin-top: 26px !important;
  }
  .milk2_r ul li h1{font-size: 18px!important;    width: 180px!important;    padding-top: 14px!important;}
  .milk_t p{width: 100%!important}
  .milk2_r ul li a{
      display: block;
  font-size: 13px;
  color: #97b761;
  width: 162px!important;
  height: 54px;
  text-align: center;
  margin: 23px auto!important;
      
  }
  
  .milk2_r ul li img{width: 100px!important;
  height: 100px!important;
  display: block;
  margin: 0 auto;}
  
  .pro_one{margin-left:2%!important}
  #tip{width: 100%!important;height: 657px!important;}
  .tip{width: 100%!important;}
  .tip_t{width: 100%!important;padding-top: 53px !important;}
  .tip_t h1{        font-size: 17px;
  text-align: center;
  width: 100%!important;
  height: 34px!important;
  color: #fff;
  display: block;
  margin: 0 auto;}
  
  .tip_t .text{    font-size: 14px;
  color: #fff;
  padding-top: 0px;
  display: inline-block;
  text-align: center;}
  
  
  .tip_b{width: 100%;}
  
  .tip_b ul li{    width: 49%!important;
  height: 220px!important;
  display: block;
  margin-right: 0px!important;
  margin-bottom: 0px!important;
  float: left;}
  
  #ziran{width: 100%!important;}
  .ziran{width: 100%!important;}
  .ziran h1{width: 100%!important;}
  .sph{width: 100%!important;}
  .spbq{    width: 27%!important;
  height: 260px;
  float: left;
  line-height: 2;
  padding: 0px 0px 0 0px;
  margin: 10px;
  position: relative;
  overflow: hidden;}
  
  .huodong{width: 100%!important;}
  .huodong_t{width: 100%!important;padding-top: 35px !important;}
  .huodong_b{    width: 100%!important;
  height: 62%;}
  
  .izl-rmenu{display: none}
  .top{display: none}

  #spgb{display: none}
  .sp_logo img{max-height: 38px !important}
  
  
  .tip_b ul li a{width: 100%!important;}
  .tip_b ul li img{width: 100%!important;
  height: 100%!important;}
  
  .huodong_t span{width: 100%!important;}
  .huodong_b ul li{margin: 0 45px!important;}
  
  .right1{position: absolute;
  display: block;
  width: 97%!important;
  height: 100px;
  margin-left: 85%!important;
  margin-top: -90%!important;
  cursor: pointer;
  z-index: 1000;}
  .left1{position: absolute;
  display: block;
  width: 100%;
  height: 100px;
  margin-left: 0%!important;
  margin-top: -90%!important;
  cursor: pointer;
  z-index: 1000;}
  #huodong{height: 519px!important;}
  .huodong{height: 603px!important;}
  .huodong_b{height: 462px!important;}
  .bottom{width: 100%!important}
  #bottom{height: 100%!important}
  .bottom .bottom_t{display: none!important}
  .copyright{    line-height: 22px!important;}
  
  .quehuan .banner-next{display: block!important}
  .quehuan .banner-prev{display: block!important}
  
  .ling_l{width: 100%!important;
  height: 135px;
  float: left;
  margin-top: 150px!important;
  margin-left: 33px!important;}
  
  .ling_l h2{    font-size: 37px!important;}
  
  .ling_r{margin-top: 7%!important;
  margin-right: -1%!important;
  width: 100%!important;
  height: 474px;float: right;}
  
  .ling_r img{width: 28%!important;}
  #gbanner{width: 100%!important;height: 100% !important;}
  .gb_t{width: 100%!important;height: 100% !important;}
  .gb_t p{width: 90%!important;}
  .world{width: 100%!important;height: 100% !important;    margin-top: 0px!important;}
  .gbanner{width: 100%!important;height: 100% !important;}
  

  .history0{width: 100% !important;}
  .history{width: 100% !important;height: 100% !important;}
  .history ul{width: 100% !important; height: 100% !important;}
  .history ul li{width: 100% !important;height: 100% !important;}
  .pin{width: 100% !important;height: 100% !important;}
  .pin_l{width: 100% !important;height: 100% !important;    height: 272px !important;
    float: left;margin-top: 32px !important;padding-top: 20px !important;}
  .hexin{width: 100% !important;height: 100% !important;}
  .hexin1{width: 100% !important;height: 100% !important;}
  .slide ul{width: 100% !important;height: 100% !important;}
  .slide ul li{width: 100% !important;height: 100% !important;}
  .gb_t h1{margin-top: 46px !important;}
  .pin_r{width: 100% !important;height: 40% !important;float: right; margin-top: 123px !important;}
  .pin_r img{width: 100%!important;height: 85% !important;}
  #history{height: 729px !important;}
  .history0{height: 775px !important;}
  .history span{top: 13px !important; left: 13px !important;}
  .pin_l p{padding-left: 34px !important;    width: 89% !important;}


  #hexin{height: 100% !important;}
  .slide{width: 100% !important;height: 100% !important;}
  .hexin1_l{width: 100% !important;height: 100% !important;float: left;margin-top: 15px !important; margin-left: 13px !important;}
   
  .hexin1_l .en p{font-size: 12px !important;line-height: 22px !important;margin-top: 6px !important;}

  .hexin1_r_div{width: 100% !important;}

  .hexin1_r{    width: 100% !important;height: 100% !important;float: right;margin-top: -39px !important; margin-right: -5px !important;}

  .hexin1_r h1{  font-size: 35px !important;width: 100% !important; margin-top: 5px !important;}
   
  .hexin1_r span{  font-size: 21px !important;width: 100% !important;margin-top: 20px !important;height: 30px !important;}
  .hexin1_r .x{    font-size: 13px !important;padding-top: 18px !important; line-height: 22px !important;width: 95% !important;}

  #china{height: 100% !important;}
  .china{width: 100% !important;height: 100% !important;}
  .pic{width: 100% !important;height: 100% !important;margin: 0px !important;}
  .rongyu_banner{width: 100% !important;}
  .pfzx_banner{width: 100% !important;}
  .nnts_banner .text{width: 100% !important; margin-left: 0px !important;padding-left: 0px !important; padding-top: 35px !important;}
  .nnts_banner .text .bt{    text-align: center !important;color: #ffffff !important;}
  .nnts_banner .text .name{color: #fcfcfc !important;     text-align: center !important;}
  .l_con{width: 100% !important;}
  .l_tit{width: 100% !important;}
  .l_nav{width: 100% !important;}
  .l_nei{width: 100% !important;}
  .l_box{width: 100% !important;}
  .fancybox1{   width: 159px !important; height: 126px !important;margin-top: 37px !important;}
  .img-responsive img{    width: 100% !important;
    height: 100% !important;}
    .img-responsive span{    height: 22px !important;     line-height: 20px !important;}
   
    .copy{width: 100% !important;}
    .shipin{    height: 270px !important;}

    .bread{width: 100% !important;margin-top: 23px !important;}
    .main{width: 100% !important;margin: 0px !important;}
    .main i{width: 100% !important;}
    .main_left{width: 100% !important;}
    .main_left_min{padding:0px !important}
    .news_con li{width: 50% !important;height: 199px !important;}
    .news_con li .img{    width: 100% !important;height: 111px !important;}

    .news_con li .img img{    width: 192px !important;height: 103px !important;}
    .main_right{display: none;}
    #fenbanner{height: 100% !important; }

    .peifangzhongxin_banner .text{width: 100% !important;}
    .peifangzhongxin_banner .text .name{color: #000000 !important;    text-align: center !important;font-size: 35px !important;}

    .peifangzhongxin_banner .text .nr{    color: #252525 !important;text-align: center !important;font-size: 25px !important;}

    .l_text{width: 92% !important; margin-left: 11px !important;}
    .hbanner{width: 100% !important;}
    .hbanner_l{width: 100% !important;margin-top: 65px !important;}
    .hbanner_l h2{    text-align: center;}
    .hbanner_l p{    text-align: center;padding-top: 17px !important;}
    .hbanner_l a{        margin: auto;}
    .hbanner_r{width: 100% !important;  height: 242px!important; margin-top: -71px !important;margin-right: 0px !important;}

    .tip_t_1{width: 100% !important;    height: 124px !important;}
    #pro_tip .tip_t_1 h1{width: 100% !important;}

    #pro_tip .tip_t_1 .text{    line-height: 31px !important;}

    #pro_tip .tip_b{width: 100% !important;}
    .l_pro{width: 100% !important;}
    .l_img{   width: 50% !important;height: 200px !important;  margin-left: 0px !important;margin-right: 0px !important;}
    .img .inner div{    width: 346px !important;height: 120px !important;}
    .img .inner img{    width: 50% !important; height: 100% !important;}
    .l_xx{    height: 60px !important;line-height: 21px !important;    text-align: center !important;}
    .l_xx .fl{font-size: 14px !important;width: 164px !important;}
    .l_xx .fr{    width: 100% !important ;float: left !important;}

    .img {height: 114px !important;}

    #preview1{width: 100% !important;}
    .jqzoom img{width: 100% !important;    height: 100% !important;}
    .tip_t_1{width: 100% !important;    height: 100% !important;}
    .jqzoom{width: 100% !important;    height: 100% !important;}
    .n_right{width: 100% !important; margin-right: -28px !important;  }
    .c_chan{    width: 100% !important;
      height: 100% !important;}

      .niunaitieshi_banner{background: url(../image/niunaitieshi_banner.jpg) no-repeat !important;}

      div.contenttypeback div.contenttype{width: 100% !important;}
      div.contenttypeback div.contenttype p.contenttype{width: 100% !important;    display: none;}
      
      div.contenttypeback div.contenttype div.contenttypecontent{width: 100% !important;}

      div.renlilist{width: 100% !important;}
      div.renlilist div.renlilisteach{width: 100% !important;}
      div.renlilist div.renlilisteach div.renlilisteachleft{width: 100% !important;}
      div.renlilist div.renlilisteach div.renlilisteachleft p.renlilisteachleft{width: 100% !important;}
      div.renlilist div.renlilisteach div.renlilisteachleft img.renlilisteachleft{width: 100% !important;}
      div.renlilist div.renlilisteach div.renlilisteachright{width: 100% !important;}
      div.renlilist div.renlilisteach div.renlilisteachright div.renlilisteachrightsummary{width: 100% !important;}

      .contact_banner{    background: url(../image/contact_banner.jpg) no-repeat !important;}


      .contact_div .div_con .nr{text-align: center !important;}
      .contact_div .div_con h1{text-align: center !important;}
      .contact_div .div_con span{padding-left: 0px !important;}
      .contact{width: 100% !important;}
      .contact_left{width: 100% !important;}
      .contact_right{width: 100% !important;    float: left !important;}

      .contact_left_con li .text{width: 100% !important;}
      .contact_left_con li{    padding: 35px 15px !important;}

      .contact_right_con{padding: 30px 10px 25px !important;    width: 91% !important;}

      .contact_right_con .text{    width: 93% !important;}




  }